<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>保亿家</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/utils.css">
    <!-- <link rel="stylesheet" href="./dist/css/swiper.min.css"> -->
    <style>
        .c {
            display: inline;
        }

        .a {
            display: inline;
        }

        .circle {
            width: 1rem;
            height: 1rem;
            background: rgb(24, 173, 24);
            color: honeydew;
            font-size: 0.5rem;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 1rem;
            margin: 1rem auto 0.5rem;

        }

        .text {
            display: flex;
            margin: 0 auto;
            justify-content: center;
            align-items: center;

        }
    </style>
</head>

<body>
    <!-- <div class="c">
        倒计时 <div class="a">3</div> 跳回
    </div> -->
    <div class="circle">

    </div>
    <div class="text">
        正在前往订单列表...
    </div>
</body>

</html>
<script src="./js/rem.js"></script>
<script src="./js/jquery.min.js"></script>
<script src="./js/url.js"></script>
<script src="./js/rotate.js"></script>
<script>
    var a = document.querySelector(".a")
    var b = 3
    var circle = document.querySelector(".circle")
    circle.innerHTML = b
    b = 2
    var time = setInterval(() => {
        circle.innerHTML = b--
        if (b == -1) {
            clearInterval(time)
            window.location.href = "payrecord.html"
        }
    }, 1000);

</script>